HTMLify

index.html
Views: 147 | Author: cody
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Liberty News</title>
	 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
</head>
<body>
	
<nav class="navbar is-dark" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="https://bulma.io">
      LIBERTY <span class="has-text-warning">NEWS</span>
    </a>

    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start">
      <a class="navbar-item" id="general">
        General
      </a>

      <a class="navbar-item" id="buisness">
        Buisness
      </a>

      <a class="navbar-item" id="tech">
        Technology
      </a>

      <a class="navbar-item" id="sports">
        Sports
      </a>

      <a class="navbar-item" id="entertain">
        Entertainment
      </a>

      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          More
        </a>

        <div class="navbar-dropdown">
          <a class="navbar-item">
            About
          </a>
          <a class="navbar-item">
            Jobs
          </a>
          <a class="navbar-item">
            Contact
          </a>
          <hr class="navbar-divider">
          <a class="navbar-item">
            Report an issue
          </a>
        </div>
      </div>
    </div>
    <div style="display: flex">
    	<input class="input" type="text" placeholder="Text input" onkeypress="sefunc()" id="seart">
      <button class="button is-warning is-outlined" id="sear" onclick="sefunc()">Search</button>
    </div>
  </div>
</nav>
<br>
<br>
<br>
<br>

  <div id="yu">
    <div class="columns" id="newshead">dhgf</div>
  </div>
  <div id="ert">
    
  </div>

<nav class="navbar is-dark">
  <div class="container is-centered">
    <h5 class="has-text-white mx-auto">Liberty <span class="has-text-warning">News</span></h5>
  </div>
</nav>
</body>
<script src="https://cdn.jsdelivr.net/npm/bulma-accordion@2.0.1/dist/js/bulma-accordion.min.js"></script>
<script>
  var accordions=bulmaAccordion.attach();
</script>
<script src="./Script.js"></script>
</html>

Comments